/* 
    Created on : Oct 27, 2014, 3:33:21 PM
    Author     : DucTuan
    Doc: Media
*/

@media (min-width:768px){

    .UI_Header{
        height: 72px;
        background-size: 100% 5px;

        .Inner{
            background-size: 30px 33px;
        }
        .Header_btn{
            width: 70px;
            font-size: 44px;
        }
        .Header_text{
            right: 70px;
            line-height: 75px;
            font-size:25px;
            bottom: 5px;
            padding-left: 25px;
            .image{
                width: 110px;
            }
        }
    }
    #page_indexhome{
        .UI_Header{
            .Header_text{
                .image{
                    width: 170px;
                }
            }
        }
    }
    .UI_Body,.UI_Popup .UI_ContentBody{
        top: 72px;
    }
    .UI_Body{
        bottom: 42px;
    }
    #Wait_Vtv{
        width: 567px;
        height:180px;
        padding: 37px;
        .Inside {
            width: 444px;
            height: 99px;
        }
        #Logo{
            width:249px;
            height: 99px;
        }
        #Text{
            font-size:20px;
            line-height: 28px;
        }
        #Now{
            width: 196px;
            height: 67px;
            background-size: 444px;
        }
    }
    .VtvDigital{
        width: 301px;
        height: 34px;
    }
    .Question_wrapper{
        .Block{
            height: 71px;
        }
        .Question{
            margin: 0px 37px 0px 37px;
            padding: 7px;
            line-height: 28px;
            font-size: 20px;
            @include border-radius(15px);
            .Inner{
                @include border-radius(10px);
                .alignRight{
                    margin-top: 12px;
                    a{
                        display: inline-block;
                        padding: 7px 11px;
                        @include border-radius(7px);
                        box-shadow: 1px 1px 0px #fff;
                        line-height: 28px;
                        font-size: 22px;

                        i{
                            font-size: 24px;
                            margin-right: 10px;
                            margin-top: 3px;
                        }
                    }

                }
            }
        }
    }



    .Answers{
        a{
            margin-bottom: 22px;
            padding: 20px 5px 20px 25px;
            border-radius: 15px;
            line-height: 28px;
            font-size:20px;
        }
        a:before{
            height: 54px;
            width: 54px;
            left: -38px;
            top: 2px;
            font-size: 25px;
        }
        a span{
            height: 54px;
            width: 54px;
            left: -38px;
            top: 2px;
            line-height: 52px;
            font-size:23px;
        }
    }
    .Answers.Absolute{
        left: 91px;
        right: 74px;
    }

    .Statistic_Description .Des_Answer{
        a{
            line-height: 28px;
            font-size:20px;
            padding-left:80px;
            padding-top:21px;
            padding-bottom:21px;
            span{
                height: 54px;
                width: 54px;
                left: 10px;
                top: 7px;
                line-height: 52px;
                font-size:23px;
            }
        }
        a:before{
            height: 54px;
            width: 54px;
            left: 10px;
            top: 7px;
            line-height: 53px;
            font-size: 25px;
        }
    }

    #Statistic{
        .Statistic_Header {
            padding-bottom: 0px;
            font-size: 26px;
            padding-top: 23px;
            height:80px;
        }
        .Statistic_Chart{
            border-bottom: 10px solid #009600;

            .Column{
                font-size: 26px;

                .Column_Desc{
                    font-size: 25px;
                    margin-top: 16px;
                }
            }
        }
        .Statistic_Description{
            margin-top: 50px;
        }
    }


    .UI_Notification{
        top:72px;
        font-size:20px;

        .Notification .Inner:before{
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            border: 13px solid transparent;
            border-bottom: 39px solid white;
            top: -40px;
            -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg);
            left: 2px;
        }
    }


    .UI_PopupPanel{
        top: 92px;
        left: 10px;
        right: 0px;
        bottom: 78px;
        width: 350px;
        border: 2px solid #fff;
    }

    .UI_PopupPanel:before{
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        border: 15px solid transparent;
        border-bottom: 20px solid #fff;
        top: -37px;
        left: 18px;
    }

    .UI_TextPanel{
        top: 72px;

        textarea{
            height: 120px;
        }
    }

    .UI_Footer{
        height: 42px;
        .Mute{
            width: 34px;
            height: 34px;
        }
        .Mute.stop:before{
            height: 35px;
            right: 15px;
        }
        p{
            line-height: 41px;
            font-size: 18px;
            img{
                width: 100px;
            }
        }
    }

    .Error{
        div{
            span{
                font-size: 45px;
            }
            p{
                font-size: 17px;
                em{
                    font-size: 24px;
                }
            }
        }
    }

    .Slide{
        .logo{
            width: 109px;
            height: 34px;
        }
        .join{
            width: 200px;
            bottom: 40px;
            height: 50px;
            font-size: 18px;
            line-height: 50px;
            span{
                background-size: 20px 20px;
                width: 43px;
            }
        }
    }
    .RefreshSlider{
        bottom: 42px;
    }

    .UI_Dialog .UI_Poster .Poster_inner .swiper-slide .join{
        right: 10px;
        margin: initial;
        left: auto;
    }
}

